15.9 KB · ⇊ 5 parts · ⤓ Micron 15.9 KB · ⤓ HTML 37.6 KB

top

Lo mwcamwcqscrollingcite-ref-1[1]cite-ref-treccani-2-0[2] (mweglett. "scorrimento" in inglese), mwewscorrimentocite-ref-3[3]cite-ref-sapere-4-0[4] o mwhamwhqscrollcite-ref-5[5] (mwiglett. "scorrere") consiste nello spostamento di testi, immagini o video su un mwiwdisplay, verticalmente e/o orizzontalmente. Lo scorrimento in sé non cambia la disposizione del testo o delle immagini, ma sposta la visuale dell'utente su ciò che appare essere un'immagine più grande non interamente visibile, facendo scomparire parte dei dati in un lato dello schermo e facendone apparire di nuovi dal lato opposto.cite-ref-treccani-2-1[2]

Lo scrolling può avvenire completamente senza intervento dell'utente (similmente ai mwkqtitoli di coda di un film) o, su un dispositivo interattivo, può essere attivato in molti modi come spostando apposite barre con il mwkgmouse, girando la rotella del mouse,cite-ref-sapere-4-1[4] via mwlwtouchscreen o con la pressione di un tasto. Lo scrolling può consistere di incrementi discreti (ad es. una o poche righe di testo alla volta) o in modo che all'occhio umano appaia continuo (mwmasmooth scrolling). Il mwmqframe rate è la velocità con cui un'intera immagine viene ridisegnata, ed è correlato allo scrolling nel senso che le modifiche alla posizione del testo e delle immagini possono avvenire solo con la stessa frequenza con cui l'immagine può essere ridisegnata. Quando il frame rate è un fattore limitante, lo mwmgsmooth scrolling viene simulato sfocando le immagini durante il movimento, che altrimenti sembrerebbero "saltellare".

Lo scorrimento può essere presente in tutti i generi di applicazione informatica (interfacce utente, videogiochi, web design, ecc.).

• Parallasse

• Nei videogiochi

• Nel design web

• Note

• Bibliografia

• Altri progetti

• Collegamenti esterni

Lo scorrimento con mwpqparallasse o parallattico (mwpgin inglese mwpwparallax scrolling) utilizza un paesaggio composto da almeno due strati di immagini sovrapposte, uno di primo piano e uno di sfondo, che scorrono in modo indipendente l'uno dall'altro. Lo strato o gli strati virtualmente più lontani dall'osservatore dello schermo scorrono più lentamente, dando un maggiore effetto di profondità alla scena.cite-ref-vsgp-6-0[6]

Viene simulato il fenomeno ottico della parallasse, per il quale un oggetto sembra spostarsi rispetto allo sfondo se si cambia il punto di osservazione, e lo spostamento è inversamente proporzionale alla distanza.

Nell'ambito dei mwrwvideogiochi, in particolare mwsabidimensionali, lo scorrimento è il movimento dell'immagine di sfondo per simulare l'attraversamento di un ambiente più grande dello schermo. Può essere presente in tutti i generi di videogiochi dotati di grafica, ed è un effetto piuttosto comune, tanto da caratterizzare dei sottogeneri come lo mwsqsparatutto a scorrimento e il mwsgpicchiaduro a scorrimento. Sono noti videogiochi a scorrimento almeno dal 1974, con il gioco di guida mwswSpeed Race della mwtqTaitocite-ref-7[7].

I tipi di scorrimento più comuni sono lo scorrimento orizzontale o laterale, verso destra o meno frequentemente verso sinistra, e lo scorrimento verticale, verso l'alto o meno frequentemente verso il bassocite-ref-vsg-8-0[8]. Quando si parla ad esempio di scorrimento verso destra, ci si riferisce al verso in cui il gioco progredisce, ossia nel mondo immaginario del gioco si avanza verso destra; ma ciò si ottiene facendo scorrere le immagini di sfondo in direzione opposta, verso sinistra.

Sono comunque diffusi anche lo scorrimento diagonale, reso celebre la prima volta da mwwamwwqZaxxon (1982); lo scorrimento bidirezionale, in entrambi i sensi, quando c'è la possibilità di tornare indietro (es. mwwgmwwwDefender); lo scorrimento multidirezionale, che va dal misto di orizzontale e verticale (es. mwxamwxqRally-X) fino alla rotazione in tutte le direzioni (es. mwxgmwxwTime Pilot).

Un'altra distinzione rilevante è tra lo scorrimento libero, che avviene solo in base ai comandi del giocatore, e lo scorrimento automatico o continuo (mwyqauto-scrolling), che avviene forzatamente senza controllo diretto da parte del giocatore, che è quindi costretto ad affrontare il gioco alla velocità di avanzamento predefinita. Nell'ambito degli sparatutto, ad esempio, lo scorrimento continuo è stato reso celebre da mwygmwywScramble (1981) e successivamente molto imitato; questa tecnica permette allo sviluppatore del gioco di pianificare con precisione con quale ritmo il giocatore incontrerà nemici, scenari ed eventicite-ref-shmups-9-0[9]. Ci sono anche titoli che mescolano le due tecniche, come mwaamwaqSuper Mario Bros. 3 che introduce l'auto-scrolling solo in alcuni dei mwaglivelli più avanzaticite-ref-vsg-8-1[8].

La tecnica dello mwcascorrimento parallattico, introdotta nei videogiochi nel 1982 con mwcqmwcgMoon Patrolcite-ref-10[10], divenne molto comune su mwdwAmiga e mweaSuper Nintendocite-ref-vsgp-6-1[6].

Una delle prime implementazioni dello scorrimento a parallasse nei mwfwbrowser fu creata e condivisa in un post sul mwgablog dallo mwgqsviluppatore web Glutnix nel 2007:cite-ref-11[11]cite-ref-12[12] includeva un codice di esempio e una demo utilizzando mwiwJavaScript e mwjaCSS 2 che supportavano mwjqInternet Explorer 6 e altri browser di quell'epoca; è stato solo nel 2011, con l'introduzione della codifica mwjgHTML5 e CSS 3, che la tecnica è diventata popolare tra i web designer.

I sostenitori sostengono che sia un modo semplice per simulare la fluidità del Web.cite-ref-13[13] I sostenitori utilizzano gli sfondi a parallasse come strumento per coinvolgere meglio gli utenti e migliorare l'esperienza complessiva fornita da un sito Web.cite-ref-14[14]

Adottare un approccio narrativo per guidare i visitatori attraverso il sito web fa durare più a lungo la visualizzazione della pagina e incoraggia il visitatore a scorrerne l'intera pagina, per impressionare il visitatore e suscitare curiosità su ulteriori contenuti; tuttavia, l’uso della parallasse crea anche degli svantaggi per un sito web: la maggior parte dei siti che utilizzano questo effetto sono spesso a pagina singola, il che ha un effetto dannoso sulla mwmqSEO e sulla velocità di caricamento della pagina stessa.cite-ref-15[15]

cite-note-11. ↑ citereftreccani-scrollingmwpamwpqScrolling, in mwpgTreccani.it – mwpwVocabolario Treccani on line, Roma, Istituto dell'Enciclopedia Italiana. mwqaURL consultato il 28 ottobre 2023.

cite-note-treccani-22. ↑ mwrgmwrwmwsaScrolling, in mwsqTreccani.it – Enciclopedie on line, Roma, Istituto dell'Enciclopedia Italiana. mwsgURL consultato il 28 ottobre 2023.

cite-note-33. ↑ citereftreccani-scorrimentomwtgmwtwscorriménto (6), in mwuaTreccani.it – mwuqVocabolario Treccani on line, Roma, Istituto dell'Enciclopedia Italiana.

cite-note-sapere-44. ↑ mwvwmwwamwwqSinonimo di: Scorrimento, su mwwgsapere.virgilio.it.

cite-note-55. ↑ mwxgmwxwmwyaScroll, su mwyqsapere.it, mwygDe Agostini. mwywURL consultato il 28 ottobre 2023.

cite-note-vsgp-66. ↑ mw0qmw0gThomas, Orland e Steinberg 2007,mw0w p. 49.

cite-note-77. ↑ mw1w(mw2amw2qEN) mw2gmw2wWhat Was The First Coin-Op Video Game to Feature Scrolling?, su mw3aallincolorforaquarter.blogspot.it, 14 aprile 2013.

cite-note-vsg-88. ↑ mw4gmw4wThomas, Orland e Steinberg 2007,mw5a p. 57.

cite-note-shmups-99. ↑ mw6amw6qWhitehead 2007.

cite-note-1010. ↑ mw7q(mw7gmw7wEN) mw8amw8qGolden Age - Chronology of the History of Video Games, su mw8gthocp.net mw8w(archiviato dall'mw9aurl originale il 27 novembre 2009).

cite-note-1111. ↑ mw-a(mw-qmw-gEN) mw-wmw-aParallax Backgrounds, su mw-qinner.geek, 20 marzo 2007. mw-gURL consultato il 26 ottobre 2023.

cite-note-1212. ↑ mwaqi(mwaqmmwaqqEN) mwaqumwaqyShowcasing the CSS Parallax Effect: 12+1 Creative Usages ¦ kremalicious, su mwaqckremalicious.com, 22 maggio 2008. mwaqgURL consultato il 26 ottobre 2023.

cite-note-1313. ↑ mwaqwDan Internet Archive, mwaq0mwaq4Handcrafted CSSmwaq8 : more bulletproof Web design, Berkeley, CAmwara : New Riders, 2010, mwareISBNmwari 978-0-321-64338-4. mwarqURL consultato il 26 ottobre 2023.

cite-note-1414. ↑ mwargDede Frederick, mwarkmwaroThe Effects Of Parallax Scrolling On User Experience And Preference In Web Design, in mwarsDepartment of Computer Graphics Technology Degree Theses, 18 aprile 2013. mwarwURL consultato il 26 ottobre 2023.

cite-note-1515. ↑ mwasa(mwasemwasiEN) Billie, mwasmmwasqWhat is Parallax Website Design? Best Practices and Examples, su mwasuPassionate Design Agency, 9 ottobre 2021. mwasyURL consultato il 26 ottobre 2023.

• citerefthomas-orland-e-steinberg-2007(EN) David Thomas, Kyle Orland e Scott Steinberg, scrolling, parallax scrolling, in The Videogame Style Guide and Reference Manual, Power Play Publishing, 2007, pp. 57-58, 49, ISBN 978-1-4303-1305-2.

• citerefwhitehead-2007(EN) Jim Whitehead, Game Genres: Shmup (PDF), University of California Santa Cruz, 2007, pp. 11-15. URL consultato il 12 giugno 2016 (archiviato dall'url originale il 28 febbraio 2016).

Altri progetti

• Wikimedia Commons

• Wikimedia Commons contiene immagini o altri file sullo scrolling

• citereftreccani-itscrolling, su Treccani.it – Enciclopedie on line, Istituto dell'Enciclopedia Italiana.

• citerefvocabolario-treccaniscrolling, su Vocabolario Treccani, Istituto dell'Enciclopedia Italiana.

• citereffoldoc(EN) Denis Howe, scrolling, in Free On-line Dictionary of Computing. Disponibile con licenza mwateGFDL

• citerefgarzanti-scrollingScrolling, in Grande Dizionario di Italiano, Garzanti Linguistica.

• mwatqScroll, su sapere.it, De Agostini.